document.addEventListener('DOMContentLoaded', function() {
    var collapseItems = document.querySelectorAll('.collapse-item');
    
    collapseItems.forEach(function(item) {
      var header = item.querySelector('.collapse-header');
      var content = item.querySelector('.collapse-content');
      
      header.addEventListener('click', function() {
        item.classList.toggle('active');
        
        if (item.classList.contains('active')) {
            content.style.padding = '10px'
          content.style.maxHeight = content.scrollHeight + 'px';
        } else {
          content.style.padding = '0px'
          content.style.maxHeight = '0';
        }
      });
    });
  });
  